@import "../css/var";

.rate-box {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.rate-box > ul {
  display: flex;
}

.rate-box > ul i {
  font-family: "iconfont-common", serif;
  margin: 0 0.02rem;
  cursor: pointer;

  &.larger,
  &.big {
    font-size: 0.20rem;
  }

  &.normal {
    font-size: 0.18rem;
  }

  &.small {
    font-size: 0.16rem;
  }

  &.mini {
    font-size: 0.14rem;
  }
}

.rate-bg {
  color: #ccc;
}

.rate-value {
  position: absolute;
  top: 0;
  left: 0;
  color: $orange;
}
